{literal}
<style type="text/css"><!--
.cellsBlock {
margin:0 auto;
width: 40%;
display: table;
background-color:#FFFFFF;
}
form{margin:0}
.cell {
display: table-cell !important;
display: inline;
border-bottom:1px solid gray;
padding:5px;
border-right:1px solid gray;
}
#clear
{
clear:both;
}
#number
{
width:20px;
text-align:center;
}

#tariff
{
width:100px;
text-align:center;
}

#fee
{
width:60px;
text-align:center;
}

#action
{

width:200px;
text-align:center;
}
//--></style>
<script>

$(document).ready(function()
    {

var options = {
target:        '#content',   // target element(s) to be updated with server response.
//              beforeSubmit:  validate,  // pre-submit callback.
  };

$('#tariff_add,#tariff_edit').submit(function() {
$(this).ajaxSubmit(options);
return false;
});

  });

function deltariff( name )
{
$.ajax({
type: "POST",
data: "tariff=" + name + "&del=1"  ,
url: "index.php?type=tarifflist"
});
   }


function GetTariff( tariff )
{

    $.ajax({
        type: "GET",
        data: "type=tariff&tariff=" + tariff,
        url: "index.php",
        success: function(html){
        $("#TariffEdit").html(html);
        }
        });
}

</script>
{/literal}
<div id="tariffs">
<select onchange="GetTariff(this.value);" style="width: 150px;margin-right:5px;height:90%" size="40" id="TariffBox">
<option value="new" style="font-weight:bold">Новий тариф</option>
{section name=i loop=$tariffs }
<option>{$tariffs[i].name}</option>
{/section}
</select>

<div id="TariffEdit">
<h1 align="center">Управління тарифами</h1>
<h3 align="center">(Оберіть пункт для додавання/редагування)</h3>
</div>
</div>